body {
	
    /*-webkit-touch-callout: none;                 prevent callout to copy image, etc when tap to hold */
    /*-webkit-text-size-adjust: none;              prevent webkit from resizing text to fit */
    /*-webkit-user-select: none; */
	display: -webkit-box;                 /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#f5f5f5;
    /*
	background-image:linear-gradient(top, #c7c7c7 0%, #fff 51%);
    background-image:-webkit-linear-gradient(top, #c7c7c7 0%, #fff 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #c7c7c7),
        color-stop(0.51, #fff)
    );
	*/
    font-family:'Microsoft Yahei', 'HelveticaNeue-Light', 'HelveticaNeue', 'sans-serif';
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
}

h2, h3, h4{
	margin:0;	
	padding-top:20px;
}

a.btn{
	display:block;
}
a:hover{
	text-decoration:none;
}
.row{
	margin:0;
}
@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

@keyframes fade-in {
	
	from {transform: translateX(120%);opacity:0;}
	to {transform: translate(0%);opacity: 1;}
	/*
	from { opacity: 0; }
	to { opacity: 1; }
	*/
}

@-webkit-keyframes fade-in {
	
	from {-webkit-transform: translateX(120%);opacity: 0;}
	to {-webkit-transform: translate(0%);opacity: 1;}
	/*
	from { opacity: 0; }
	to { opacity: 1; }
	*/
}

@keyframes fade-out {
	
	from {transform: translateX(0%);opacity: 1;}
	50% { opacity: 0; }
	to {transform: translate(-120%);opacity: 0;}
	/*
	from { opacity: 1; }
	to { opacity: 0; }
	*/
	
}

@-webkit-keyframes fade-out {	
	from {-webkit-transform: translateX(0%);opacity: 1;}
	50% { opacity: 0; }
	to {-webkit-transform: translate(-120%);opacity: 0;}
	/*
	from { opacity: 1; }
	to { opacity: 0; }
	*/
}
/* leaving animations ----------------------------------------- */


.ng-enter             { z-index:1000;position:absolute; }
.ng-leave             { z-index:900;position:absolute; }
.page.ng-enter         { -webkit-animation: fade-in .2s linear; }
.page.ng-leave         { -webkit-animation: fade-out .2s linear; }

.cityin {-webkit-animation: fade-in .2s linear;}
.cityout {left:0;-webkit-animation: fade-out .2s linear;}

.page {
	width:100%;
	height:100%;
}


.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

.refresh-icon{
	clear:both;
	display:none;
	text-align:center;
	line-height:60px;
	margin: 0 auto;
	-webkit-transition: height 200ms linear 100ms;
	overflow:hidden;
}

.container-wrapper{
	width:100%;
}

.header{
	position:absolute;
	z-index:1010;
	top:0;
	height:40px;
	/*
    background-image:-webkit-linear-gradient(top, #000 0%, #666 100%);
	background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #000),
        color-stop(1, #666)
    );
	*/
	background:#40A8E9;
	color:#fff;
	
	width:100%;
}
.header-at-ios7{
	height:60px;
	padding-top:20px;
}
.header h1{
	margin:0;
	padding:0;
	line-height:40px;
	font-size:20px;
	text-align:center;
	color:#fff;
	font-weight: bold;
}
.header  a,.header  a:hover{
	color:#fff;
	line-height:40px;
	font-size:1.2em;
}
.header .menu-back a{
	display:block;
}
.header i.fa-angle-left{

	font-size:34px;
	line-height: 40px;
}

.header h2{


}

.footer{
	height:50px;
	position:absolute;
	bottom:0;
    background:#f9f9f9;
	width:100%;
	color:#fff;
	z-index:1008;
	border-top:1px solid #d4d4d4;
	line-height:50px;
}
.footer .menu-back{
	text-align:center;
	font-size:1.4em;
}
.footer-container{
	text-align:center;
	font-size:1.3em;
	border-left:1px solid #d4d4d4;
}
.container.main-content{
	position:absolute;
	top:40px;
	bottom:50px;
	width:100%;
	margin:0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
	display: -webkit-box;
	-webkit-overflow-scrolling : touch;
}

.container.container-at-ios7{
	top:60px;
}
/*
.main-content.page-clubs .topics-container{
	padding-top:30px;
}
.main-content.page-club .topics-container{
	padding-top:50px;
}
.container-at-ios7.page-clubs .topics-container{
	padding-top:50px;
}
.container-at-ios7.page-club .topics-container{
	padding-top:70px;
}
.container-at-ios7.page-clubs  .clubs .club-header{
	top:60px;
}
.container-at-ios7.page-club  .club-header{
	top:60px;
}
*/
.main-content h2{
	font-size:1.6em;
	font-weight:bold;
}

.steps .step1,.steps .step2,.steps .step3{
	display:block;
}
input[type='email'],input[type='text'],input[type='password']{
	width:100%;
}
input[type='date']{
	background:#fff;
}
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.steps .finished{
	color:#999;
}
.steps .active{
	color:#cf0;
}

.dropdown-select{
	width:100%;
	margin-left:0;
	margin-right:-20px;
}

.avatar-normal{
	width:40px;
	height:auto;
	border-radius:40px;
}

.avatar-small{
	width:20px;
	height:auto;
	border-radius:20px;
}


.rank-list-header .icon-crown{
	background:url("../../img/icon-crown.png");
	border-radius:2px;
	display:block;
	width:16px;
	height:16px;
	margin-top:4px;
}
.rank-list-header,
.rank-list{
	height:56px;
	vertical-align:middle;
	font-size:1.1em;
	border-bottom:1px solid #ececec;
	padding-top:16px;
	color:#8c8c8c;
}
.rank-list-header .col-xs-2,
.rank-list .col-xs-2{
	padding:0;
	text-align:right;
	vertical-align:middle;
	color:#8c8c8c;
}

.rank-list .topic-amount{
	
	font-family:arial;
}
span.list-item{
	display:block;
	width:16px;
	height:16px;
	margin-top:4px;
	background:#A3D0FF;
	border-radius:2px;
	text-align:center;
	color:#fff;
	font-size:.8em;
	font-family:arial;
	font-style:italic;
}
span.list-item_1{
	background:#FC5D3B;
}
span.list-item_2{
	background:#FBA105;
}
span.list-item_3{
	background:#FFC301;
}
.rank-list img{
	width:30px;
	height:auto;
}
.rank-list a{
	color:#8c8c8c;
}

.club-header{
	background-image:linear-gradient(top, #f8f8f8 0%, #eee 51%);
    background-image:-webkit-linear-gradient(top, #f8f8f8 0%, #eee 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #f8f8f8),
        color-stop(0.51, #eee)
    );
	height:60px;
	border-bottom: 1px solid #d4d4d4;
	font-size:.9em;
	width:100%;
	margin:0;
	/*
	position:fixed;
	top:40px;
	z-index: 10;
	*/
}
.clubs .club-header{
	height:40px;
	border-bottom: none;
}

.club-header h2{
	font-size:16px;
	display:inline-block;
	line-height:30px;
	height:28px;
	overflow: hidden;
	margin:0;
	padding: 5px 0 0 0;
}
.club-header .col-xs-6{
	padding:0;
	border-bottom:1px solid #d4d4d4;
}
.club-header .club-title{
	display:inline-block;
	margin-left:10px;
	font-size:11px;
}
.club-header .club-icon img{
	margin-top:-24px;
	margin-left:10px;
	width:40px;
	height:40px;
}
.club-header .join-club{
	padding:0 15px 0 0;
}
.club-header .btn-join-club{
	margin-top:20px;
	color:#fff;
	padding:2px 4px;
	background:#40A8E9;
	border-radius: 0;
	font-size:10px;
}

a.tab-topic,
a.tab-club{
	display:block;
	text-align:center;
	height:40px;
	line-height:40px;
	color:#666;
	font-size:1.2em;
	
}

a.tab-topic.active,
a.tab-club.active{
	background-image:linear-gradient(top, #eee 0%, #f8f8f8 51%);
    background-image:-webkit-linear-gradient(top, #eee 0%, #f8f8f8 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #eee),
        color-stop(0.51, #f8f8f8)
    );
}

form[name="searchForm"]{
	padding:5px;
	background:#f5f5f5;
}
input[name="searchInput"]{
	border:1px solid #d4d4d4;
	border-radius:4px;
	width:100%;	
	line-height:30px;
	text-align:center;
}
.search-result-content{
	padding:15px;
}
.clubs{
	background:#f7f7f;
}
.normal-clubs .col-xs-6:nth-child(even){
	padding:0 10px 0 5px;
	margin-top:10px;
}
.normal-clubs .col-xs-6:nth-child(odd){
	padding:0 5px 0 10px;
	margin-top:10px;
}
.btn-club{
	background-image:linear-gradient(top, #eee 0%, #f8f8f8 51%);
    background-image:-webkit-linear-gradient(top, #eee 0%, #f8f8f8 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #eee),
        color-stop(0.51, #f8f8f8)
    );
	border:1px solid #d4d4d4;
	text-align:left;
}

.club-name{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:80%;
	display:inline-block;
	color:#000;
	margin-top:5px;
}

.topic-amount{
	
	max-width:20%;
	display:inline-block;
	text-align:right;
	background:#40A8E9;
	border-radius:2px;
	padding:2px 5px;
	font-size:10px;
	color:#fff;
	position:relative;
	top:-5px;
}
.topic-amount:after{
	content:'';
	display:block;
	background:#40A8E9;
	width:4px;
	height:4px;
	position:absolute;
	transform:rotate(90deg);
	-webkit-transform:rotate(45deg);
	left:50%;
	margin-left:-2px;
}
.topics{
	margin:10px;
}
.topics .col-xs-7,
.topics .col-xs-5{
	color:#999;
	padding:0;
}
.topics  .col-xs-5 a,
.topics  .col-xs-7 a{
	color:#999;
	line-height:30px;

}
.topics  .col-xs-7,
.topics  .col-xs-7 a{
	font-size:11px;
	line-height:30px;
}

.colapsed{
	overflow:hidden;
	text-overflow:ellipsis;
	max-height:200px;
	overflow : hidden;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;

}
.btn-colapse{
	line-height:40px;
}
.topic-detail{
	background:#fff;
	border-radius:5px;
	border:1px solid #d4d4d4;
	margin-top:6px;
	padding-top:10px;
	padding-bottom:10px;
}

.topic-title{
	width:100%;
}
.topic-content{
	margin-top:10px;
	height:200px;
	width:100%;
	border:1px solid #ccc;
}
.topic-img{

	padding-bottom:10px;
}
.topic-img img{
	max-width:270px;
	width:auto;
	height:auto;
}
.topic-img.small img{
	max-width:110px;
	width:auto;
	height:auto;
}
.topic-img.small{
	padding-bottom:10px;
	display:inline-block;
	margin-right:8px;
}

.topic-detail h4{
	padding: 10px 0;

}

a.btn-more-replies{

	margin:0;
	margin-right:-15px;
	padding:3px 5px;
	font-size:9px;
	text-align: right;
	border:none;
	background:none;
	box-shadow:none;
}
a.btn-more-replies:link,
a.btn-more-replies:visited,
a.btn-more-replies:hover,
a.btn-more-replies:focus,
a.btn-more-replies:active{
	box-shadow:none;
	background:none;
}

.author{
	position:relative;
}
.author a.btn-remove{
	position:absolute;
	right:-10px;
	top:0px;
}
.author .avatar-normal{
	display:inline-block;
	margin-top:-20px;
}
.author .author-info{
	display:inline-block;
	padding-left:10px;
}
.author .author-info a{
	color:#000;
}
.author .author-info .level{
	font-size:8px;
	color:#fff;
	background:#84C356;
	padding:1px 4px;
	border-radius: 2px;
}
.author .created{
	display:block;
	font-size:11px;
	color:#666;
}
.topic-toolbar{
	text-align:right;
}
.topic-toolbar a{
	margin-left:10px;
}
.btn-send-topic{
	padding:3px 0;
	margin:10px 0 0 0;
	border-radius:0;
	background:#40A8E9;
}

.load-more{
	height:50px;
	line-height: 50px;
	text-align:center;
	backgrund:#ddd;
}


.replies{
	border-top:1px solid #d4d4d4;
	padding:10px 15px;
	margin:0 -15px -10px -15px;
	background:#f7f7f7;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.reply-item{
	margin-top:15px;
}
.reply-detail{
	padding: 5px 10px 5px 0;
	position:relative;
}
.reply-detail .btn-remove{
	position: absolute;
	right:-10px;
	top:5px;
}
.reply-author{
	color:#48688e;
	font-size:13px;
}
.reply-owner{
	font-size:8px;
	background:#48688e;
	color:#fff;
	padding: 1px 3px;
}
.add-reply-container{
	margin:10px 0;
}
.textarea-reply{
	width:100%;
	height:100px;
	border:1px solid #ccc;
}

.btn-secondary{
	border:1px solid #d4d4d4;
}
.normal-clubs{
	border-bottom:1px solid #d4d4d4;
	border-top:1px solid #d4d4d4;
	background:#fff;
	padding-bottom:20px;
}
.recommended-clubs,
.rank-clubs{
	margin-top:10px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	background:#fff;
	padding-bottom:20px;
}
.recommended-clubs h3,
.rank-clubs h3{
	font-size:13px;
	border-bottom:1px solid #d4d4d4;
	color:#a6a6a6;
	padding:10px;
}
.rank-clubs{
	padding-bottom:20px;

}
.club-item:nth-child(even){
	padding-left:10px;
	padding-right:0px;
}
.club-item:nth-child(odd){
	padding-left:0px;
	padding-right:10px;
}
.club-item img{
	width:45px;
	height:45px;
}
.club-icon{
	display:inline-block;
}
.club-icon img{
	margin-top:-15px;
}

.club-info{
	width:100px;
	display:inline-block;
	margin-top:20px;
	font-size:11px;
	color:#a6a6a6;
}
.club-info a{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100px;
	display:block;
	color:#000;
	font-size:13px;
}

.file-selector{
	position:relative;
}
.file-selector input.file-upload{
	position:absolute;
	width:36px;
	height:28px;
	z-index:1;
	opacity:0;
}
.file-selector i.fa-image{
	position:absolute;
	left:0;
	top:0;
	font-size:2em;
}
.file-selector span.add-image{
	background:url("../../img/add_image.png") no-repeat;
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:36px;
	height:28px;
}

.region{
	position:absolute;
	top:0;
	bottom:0px;
	width:100%;
}
.region-selector{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.region-selector ul{
	margin:0;
	padding:0;
}
.region-selector li{
	list-style:none;
	font-size:16px;
	line-height:45px;
	color:#212121;
}

.region-selector li.active{
	background:#fff;
}
.province-wrapper{
	position:absolute;
	top:0;
	bottom:0;
	overflow-x:hidden;
	overflow-y:scroll;
	width:100%;
}
.province-wrapper li{
	background:#f5f5f5;
	text-indent:1em;
	border-bottom:1px solid #ccc;
}

.city-wrapper{
	position:absolute;
	top:0;
	left:100px;
	right:0;
	bottom:0;
	overflow-x:hidden;
	overflow-y:scroll;
	background:#fff;
	border-left:1px solid #ccc;
	
}
.city-wrapper li{
	position:relative;
	text-indent:1em;
}
.city-wrapper li:after{
	content:"";
	border-bottom:1px solid #eee;
	display:block;
	position:absolute;
	bottom:0;
	
	height:1px;
	left:15px;
	right:0;
}

.enroll-form-item {
	padding-top:20px;
}
.enroll-form-item .col-xs-8{
	text-align:right;
}
.enroll-form-item .row{
	line-height:40px;
	position:relative;
	background:#fff;
}
.enroll-form-item  input{
	border:none;
	height:30px;
	line-height: 30px;
	margin-top:8px;
}

.enroll-form-item .dropdownWords{
	width:80%;
	background:#fff;
	font-size:16px;
	text-align: right;
}
.enroll-form-item .dropdown-toggle{
	background:#fff;
}

.enroll-form-item .dropdown-menu li{
	line-height:30px;
	width:100%;
	text-indent:1em;
	font-size:16px;
}
.row.region{
	border-bottom:1px solid #c4c4c4;
}

.row.user-info{
	margin-top:20px;
	border-bottom:1px solid #c4c4c4;
}
.row.region .row,
.row.user-info .row
{
	border-top:1px solid #c4c4c4;
	font-size:16px;
	color:#212121;
}
.row.region .col-xs-4,
.row.user-info .col-xs-4
{
	
}

.row.enroll-button{
	background:#f7f7f7;
}
a.btn-enroll,
a.btn-enroll:hover,
a.btn-enroll:visited,
a.btn-enroll:active,
a.btn-enroll:link{
	margin:30px 17px 20px 17px;
	border-radius: 0;
	height:50px;
	line-height: 50px;
	padding:0;
	font-size:18px;
	background:#ff9a14;
	border:none;
}
.school-scroller{
	margin:0;
	padding:0;
	background:#fff;
}
.school-scroller li{
	list-style: none;
	border-bottom:1px solid #eee;
	line-height:40px;
	text-indent:20px;
}
.no-school{
	line-height:60px;
	text-indent: 20px;
}
.btn-no-school{
	margin:0 20px;
}

.enroll-num{
	padding:20px 30px 10px 30px;
	font-size:16px;
}
.enroll-record{
	padding:15px 30px;
	background:#fff;
	font-size:16px;
	border-top:1px solid #c4c4c4;
}


.modal-sm{
	top:160px;
}
.modal-dialog{

	top:50px;
}

.modal-head{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
}
.modal-body{
	text-align: center;
}
.modal-foot .btn{
	width:100%;
}
.modal-foot {
	border-top:1px solid #d4d4d4;
	padding-bottom:20px;
}
a.btn-ok,
a.btn-ok:hover,
a.btn-ok:active,
a.btn-ok:link,
a.btn-ok:visited{
	background:#fff;
	border:none;
	color:#007aff;
	text-align: center;
	width: 100%;
	margin-bottom:-10px;
	margin-top:10px;
	display:block;
}

a.btn-confirm-ok,
a.btn-confirm-cancel,
a.btn-reply-cancel,
a.btn-reply-submit
{
	background:#fff;
	border:none;
	color:#007aff;
	text-align: center;
	width: 100%;
	margin-bottom:-10px;
	margin-top:10px;
	display:block;
}
a.btn-confirm-cancel{
	color:#999;
}

a.btn-reply-cancel{
	color:#999;
}

.pending-mask{
	position:absolute;
	top:0;
	bottom:0;
	width: 100%;
	height:100%;
	z-index:1009;
	background:rgba(255,255,255,.75);

}
.pending-mask .fa-circle-o-notch{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-10px;
	color:#999;
	font-size:20px;

}

.add-image-thumbnail{
	margin:20px -5px 0 15px;
	position:relative;
	float:left;
	width:50px;
	height:50px;
	font-size:20px;
	border:none;
	text-align: center;
	line-height: 50px;
	background:none;
	background:rgba(0,0,0,.25);
	color:#fff;
}

.thumbnail{
	margin:10px -5px 0 15px;
	position:relative;
	float:left;
	width:100px;
	height:100px;
	font-size:15px;
	border:none;
	text-align: center;
	line-height: 100px;
	background:none;
}
.thumbnail img{
	/*position: absolute;*/
	/*top:10px;*/
	/*left:0;*/
	margin-right: 5px;
	width:80px;
	height:80px;
}
.thumbnail a.btn-remove-image{
	top:0;
	right:0px;
	width:20px;
	height:20px;
	color:#fff;
	line-height: 20px;
	background:#e00;
	position: absolute;
	border-radius:10px;
	text-align: center;
	overflow: hidden;
}

.about{
	padding:20px;
}

.uploadEdu{
	overflow-x:hidden;
	overflow-y: hidden;
	overflow: auto;
	position:absolute;
	left:90px;
	right:0;
	height:80px;
	line-height: 80px;
}

.idSty{
	height: 35px;
	line-height: 35px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	border-top: 1px solid #e5e5e5;
}

/* slider */

.slider-wapper{
	position:absolute;	
	top:0;
	bottom:0;
}

.slider-view{

	overflow-x:hidden!important;
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	color:#666;
	display: block;
	
}
.slider-view h2{
	padding: auto 20px;
	font-size:1.3em;
}
.slider-view h4{
	padding:5px 0;
}
.scroller {
	position: absolute;
	z-index: 1;
	
	height: 100px;
}
.slider-view .slide {
	display:table-cell;
	vertical-align:middle;
	float: left;
	
}
.slider-view .slide img{
	width:100%;
	height:auto;

}
.indicator-container{
	position: absolute;
	width: 100%;
	height:30px;
	left:0;
	bottom:0px;
	background:rgba(0,0,0,.5);
	z-index:4000;
}
.indicator-num{
	position:absolute;
	text-align:center;
	color:#fff;
	bottom:0;
	width:100%;
	line-height:30px;
}
.indicator {
	position:absolute;
	left:50%;
	height: 20px;
	margin: 10px auto;
	z-index:2;
}

.dotty {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background:#fff;
	z-index:3;
}

.dot{
	display:inline-block;
	position:absolute;
	width:10px;
	height:10px;
	border:1px solid #fff;
	background:rgba(0,0,0,.4);
	border-radius: 5px;
}

.modal-image-slider{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#1a1a1a;
	z-index:2000;
}

.loading{
	background:#1a1a1a url("../../img/loading.gif") no-repeat center center;
}

